import {ref, onMounted, onBeforeUnmount} from 'vue';

function usePageTitle(title) {

    const originaTitle = ref(document.title);

    //更新网页标题
    const updatePageTitle = () => {
        document.title = title + ' - TechBlog';
    }

    // 在组件挂载时更新网页标题
    onMounted(() => {
        updatePageTitle();
    });

    // 在组件卸载前恢复原始标题
    onBeforeUnmount(() => {
        document.title = originaTitle.value;
    });

    // 返回一个函数，用于手动更新标题
    return {
        updatePageTitle
    };
}

export default usePageTitle;